import { setToken, getToken, removeToken } from '@/utils/auth'
import { getInfo, getInfoId } from '@/api/user'

// 核心配置项
export default {
  namespaced: true,
  state: {
    // getToken() 中有token 则用Cookie的token
    token: getToken() || '', // 存储token
    userInfo: {} // 存储用户信息
  },
  mutations: {
    // 获取token 存储在vuex这里
    updateToken(state, token) {
      state.token = token
      //  将token存储到Cookie 实现持久化
      setToken(token)
    },
    // 清空token
    delToken(state) {
      state.token = '' // 清空token 为''
      removeToken()
    },
    updataUserInfo(state, info) {
      state.userInfo = info
    },
    delUserInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    async getUserInfo(context) {
      try {
        const res = await getInfo()
        // console.log('在dispatch,添加await,先执行这个吧!!')
        console.log('用户信息res =>', res)
        const imgUrl = await getInfoId(res.data.userId)
        console.log('imgUrl', imgUrl)
        // context.commit('updataUserInfo', res.data)
        context.commit('updataUserInfo', { ...imgUrl.data, ...res.data })
      } catch (error) {
        console.log(error)
      }
    }
  }
}

